.remove-overlay {
	position: absolute;
	right: -5px;
	margin-top: -10px;
	background: url(../images/product-view-delete.png) no-repeat;
	width: 26px;
	height: 26px;
	z-index: 300;
}

.addlist-overlay {
	position: absolute;
	right: -5px;
	margin-top: -10px;
	background: url(../images/product-view-addlist.png) no-repeat;
	width: 26px;
	height: 26px;
	z-index: 300;
}

.remove-overlay a, .addlist-overlay a {
	width: 26px;
	height: 26px;
	display: block;
}


.component-product {  
	position: relative;
  	width: 135px;
 	height: 98px;
 	max-height: 98px;
 	background:  #fff /*#f6fcfe*/;
 	-moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/
	border: 1px solid #bcbab0 /*#d9edf2*/;
 	padding: 7px;
    color: #2c2c2c;

  }
  
.empty {
	position: relative;
  	width: 135px;
 	height: 98px;
 	max-height: 98px;
	background: #f6f3e8 /*#e7eade*/ /*url(../images/comp-product-bg-empty.png) no-repeat*/;
	padding: 7px;
    color: #8c7b31;
    -moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/
	border: 1px solid #cdcbc1;
	float: left;
}

.left-side {
	position:absolute;
	width: 118px;    /*  opitno ustanoweno  */
}

.top-side {
	height: 66px; 
}

.bottom-side {
	height: 30px;
}

.right-side {
	position:absolute;
	right:4px;
	width: 21px;
	height: 86px; /*  100px - 12px za padding = 86px   */
}

/*----------TOP-SIDE----------*/

.vidproduct {
	font-size: 14px;
	text-shadow: 0px 2px 1px #fff;
	line-height: 1;
}

.vidproduct-empty {
	font-size: 14px;
	color: #656258;
	line-height: 1;
}

.marka {
	font-size: 12px;
	color: #878475;
	text-shadow: 0px 2px 1px #fff;
	line-height: 1;
	margin-top: 5px;
}

.marka-empty {
	font-size: 12px;
	color: #878475;
	line-height: 1;
	margin-top: 5px;
}

/*--------BOTTOM-SIDE--------*/

.image {
	width: 52px;
	/*height: 44px;*/
	/*background: url(../images/comp-product-image.png) bottom left no-repeat;*/
	display: inline;
}

.kolich {
	position:relative;	
	margin-bottom: -4px;
	padding-left: 4px;
	font-size: 20px;
	font-weight: normal;
	text-shadow: 0px 2px 1px #fff;
	display: inline;
}

.kolich-empty {
	position:relative;
	margin-bottom: -8px;
	font-size: 30px;
	font-weight: normal;
	color: #656258;
	display: inline;
}

.mernaed {
	font-size: 12px;
	color: #878475;
	text-shadow: 0px 2px 1px #fff;
	display: inline;
}

.mernaed-empty {
	font-size: 12px;
	color: #878475;
	display: inline;
}

img {
	width: 35px;
	height: 30px;
}

.cena-buton {
	position: absolute;
	width: 20px;
	height: 19px;
	background: url(../images/cena-buton.png) no-repeat;
}

/*---right-side----*/

input.button-arrow-up {
	position: relative;
	width: 21px;
	height: 31px;
	border: none;
	background: url(../images/comp-product-arowup.png) top right no-repeat;
	z-index: 28;
}

.button-arrow-up:hover {
	background: url(../images/comp-product-arowup-hover.png) top right no-repeat;
}

.button-arrow-up:active {
	background: url(../images/comp-product-arowup-pressed.png) top right no-repeat;
}

input.button-arrow-down{
	position: relative;
	width: 21px;
	height: 31px;
	border: none;
	background: url(../images/comp-product-arowdown.png) bottom right no-repeat;
	z-index: 28;
	top:36px;  
}

.button-arrow-down:hover {
	background: url(../images/comp-product-arowdown-hover.png) bottom right no-repeat;
}

.button-arrow-down:active {
	background: url(../images/comp-product-arowdown-pressed.png) bottom right no-repeat;
}